<!DOCTYPE html>
<html>
<head>
    <title>ERP系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>
    <link type="text/css" rel="stylesheet" href="/css/css.css"/>
    <script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/js/common/common.js"></script>
    <script type="text/javascript" src="/js/md5/md5.js"></script>
</head>
<body id="login_body">
<form action="admin.html">
    <div id="login_main">
        <div id="login">
            <p id="login_signal"><img src="/images/login_tip.jpg" width="108" height="29" alt="login"/></p>
            <p id="txt_username">
                <label for="user_name">用户名：</label>
            </p>
            <p id="txt_userpwd">
                <label for="user_vcodepwd" id="user_vcodepwd">密&nbsp;&nbsp;&nbsp;&nbsp;码:</label>
            </p>
            <input type="text" id="user_name"/>
            <input type="password" id="user_pwd"/>
            <p id="tip_username" style="display: none"><span class="error_input">用户名不正确</span></p>
            <p id="tip_userpwd" style="display: none">密码不能为空</p>
            <input type="button" value=" " id="btn_login"/>
        </div>
        <p id="copyright">
            Copyright © 2017-2020 季圣华(jishenghua)
            <a style="color:#00458a;" href="https://gitee.com/jishenghua/JSH_ERP" target="_blank">华夏ERP_v2.0</a>
        </p>
    </div>
</form>
<script type="text/javascript">
    //初始化界面
    $(function () {
        //进入页面聚焦在username输入框,方便 用户输入
        $("#user_name").focus();
        browserFit();
    });

    //浏览器适配
    function browserFit() {
        if (getOs() == 'MSIE')
            $("#user_vcodepwd").empty().append("密&nbsp;&nbsp;&nbsp;&nbsp;码：");
        else
            $("#user_vcodepwd").empty().append("密&nbsp;&nbsp;&nbsp;&nbsp;码：");
    }

    //初始化键盘enter事件
    $(document).keydown(function (event) {
        //兼容 IE和firefox 事件
        var e = window.event || event;
        var k = e.keyCode || e.which || e.charCode;
        //兼容 IE,firefox 兼容
        var obj = e.srcElement ? e.srcElement : e.target;
        //绑定键盘事件为 id是usename 和password的输入框才可以触发键盘事件 13键盘事件
        if (k == "13" && (obj.id == "user_name" || obj.id == "user_pwd"))
            checkUserInput();
    });

    //登录按钮绑定处理事件
    $('#btn_login').off("click").on("click", function () {
        checkUserInput();
    });

    //检测用户输入数据
    function checkUserInput() {
        var username = $.trim($('#user_name').val());
        var password = $.trim($('#user_pwd').val());
        if (null == username || 0 == username.length) {
            $("#user_name").val("").focus();
            $("#tip_userpwd").hide();
            $("#tip_username").empty().append('<span class="error_input">用户名不能为空</span>').show();
            return;
        }
        else
            $("#tip_username").hide();

        if (null == password || 0 == password.length) {
            $("#user_pwd").val("").focus();
            $("#tip_userpwd").empty().append('<span class="error_input">密码不能为空</span>').show();
            return;
        }
        else
            $("#tip_userpwd").hide();
        if (username != null && username.length != 0
            && password != null && password.length != 0) {
            $("#user_name").focus();
            $("#tip_username").hide();
            $("#tip_userpwd").hide();
            $.ajax({
                type: "post",
                url: "/user/login",
                dataType: "json",
                data: ({
                    loginame: username,
                    password:  hex_md5(password)
                }),
                success: function (res) {
                    if(res) {
                        var loginInfoTip = res.data.msgTip;
                        //用户名不存在，清空输入框并定位到用户名输入框
                        if (loginInfoTip.indexOf("user is not exist") != -1) {
                            $("#user_pwd").val("");
                            $("#user_name").val("").focus();
                            $("#tip_userpwd").hide();
                            $("#tip_username").empty().append('<span class="error_input">用户名不存在</span>').show();
                            return;
                        }
                        else if (loginInfoTip.indexOf("user password error") != -1) {
                            $("#user_pwd").val("").focus();
                            $("#tip_userpwd").empty().append('<span class="error_input">用户密码错误</span>').show();
                            return;
                        }
                        else if (loginInfoTip.indexOf("access service error") != -1) {
                            //$("#user_name").val("").focus();
                            $("#tip_userpwd").hide();
                            $("#tip_username").empty().append('<span class="error_input">后台访问错误</span>').show();
                            return;
                        }
                        //跳转到用户管理界面
                        else if (loginInfoTip.indexOf("user can login") != -1 || loginInfoTip == "user already login") {
                            $.ajax({
                                type: "get",
                                url: "/user/getUserSession",
                                dataType: "json",
                                success: function (res) {
                                    if(res && res.code === 200) {
                                        if(res.data.user) {
                                            var user = res.data.user;
                                            sessionStorage.setItem("userId", user.id);
                                            top.location.href = "http://" + location.host + "/index.html";
                                        }
                                    }
                                },
                                //此处添加错误处理
                                error: function () {
                                    alert("后台访问错误，请联系管理员！");
                                }
                            });
                        }
                    }
                },
                //此处添加错误处理
                error: function () {
                    alert("后台访问错误，请联系管理员！");
                }
            });
        }
    }

    //处理tip提示
    //定义变量控制密码提示显示
    var temp_value = "";
    $("#user_name").add("#user_pwd").unbind().bind({
        'click keyup': function () {
            var value = $.trim($(this).val());
            if (value.length > 0) {
                $("#tip_username").hide();
                $("#tip_userpwd").hide();
            }
        },
        blur: function () {
            //兼容 IE和firefox 事件
            var e = window.event || event;
            //兼容 IE,firefox 兼容
            var obj = e.srcElement ? e.srcElement : e.target;
            var value = $.trim($(this).val());
            if (obj.id == "user_name")
                temp_value = value;
            if (value.length == 0) {
                if (obj.id == "user_name")
                    $("#tip_username").empty().append('<span class="error_input">用户名不能为空</span>').show();

                if (obj.id == "user_pwd" && temp_value.length > 0)
                    $("#tip_userpwd").empty().append('<span class="error_input">密码不能为空</span>').show();
                ;
            }
            else {
                if (obj.id == "user_pwd" && value.length > 0 && temp_value.length == 0) {
                    $("#tip_username").show();
                    $("#tip_userpwd").hide();
                }
                else {
                    $("#tip_username").hide();
                    $("#tip_userpwd").hide();
                }
            }
        }
    });
</script>
</body>
</html>